<template>
  <div>
    <h1>App</h1>

    <!-- <FancyList apiUrl="http://localhost:3000/films">
      <template #item="{ filmId, name }">
        <p>Hello - {{ filmId }} - {{ name }}</p>
      </template>
    </FancyList> -->

    <FancyList :pageSize="10" apiUrl="http://localhost:3000/cinemas">
      <template #item="{ name }">
        <p>影院 - {{ name }}</p>
      </template>
    </FancyList>
  </div>
</template>

<script>
import FancyList from './components/FancyList.vue'

export default {
  components: {
    FancyList,
  },
}
</script>
